﻿@charset "utf-8";
/* 全局定义*/
body{margin:0px;padding:0px;text-align:left;font-family:"宋体";font-size:12px;color:#0b0b0b;background-color:#fff;}
h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea {
margin:0;
padding:0;
}
ul, ol { list-style:none outside none; margin:0;padding:0;}
button, input, select, textarea { font:12px/1.5 tahoma, arial, "宋体", sans-serif; }
h1, h2, h3, h4, h5, h6, button, input, select, textarea { font-size:100%; }
*{padding:0;margin:0;}
img { border:0 none; }
a{color:#3d3d3d;text-decoration:none; outline:none;}
a:hover{color:#901c24;}
.clear{clear:both;}
/* 头部*/
.toper{height: 38px;line-height: 38px;background: #001a57;}
.top_con{width: 1000px;height: 38px;margin: 0 auto;overflow: hidden;line-height: 38px;font-size: 14px;color: #fff;font-weight: 800}
.top_con a{color: #fff;}
.top_con a:hover{color: #901c24;}
.top_l{float: left;}
.top_l a{background: url(../../images/zxwit/top_bg.jpg) left no-repeat;padding-left: 20px;float: left;padding-right: 30px;}
.top_r{float: right;}

.header{height: 100px;width: 1000px;margin: 0 auto;}
.logo{float: left;height: 100px;overflow: hidden;}
.head_r{float: right;padding-top: 30px;}

.nav_box{height: 44px;background: #911d21;}

/*top*/
.top{height:44px;z-index:10;position:relative;width: 1000px;line-height: 44px;margin:0 auto;z-index: 99}
.top #nav{font-size: 14px;font-family: "微软雅黑"}
.top #nav li.item{height:44px;float:left;line-height:44px;position:relative;width: 110px;margin-right: 1px;}
.top #nav li.item .o,.top #nav li.item .zh_click{display:inline-block;height:44px;line-height:44px;font-size:18px;color:#fff;}
.top #nav li.item .zh_click{padding:0 5px}
.top #nav li.item .o{width: 110px;text-align: center;font-size: 18px;cursor: pointer;color:#fff !important;}
.top #nav li.last{background:none}
.top #nav li.item .o:hover{color: #b12922;}

.top #nav li .hd{position:absolute;top:44px;left:0;white-space:nowrap;overflow:hidden;display:none;}
.top #nav li .hd ul{float:left}
.top #nav li .hd li{float:left;clear:both;}
.top #nav li .hd li .n{display:block;height:30px;line-height:30px;padding:0 0 0 22px;background:url(../Images/top/a.gif) no-repeat 0 13px;color:#000;font-size:14px;margin-top:4px;}

.top #nav li .hd li .z{display:block;height:30px;line-height:30px;padding:0 0 0 22px;background:url(../Images/top/a.gif) no-repeat 0 13px;color:#000;font-size:14px;margin-top:4px;}
.top #nav li .hd li .z:hover{color:#eb1d33}
.top #nav li .hd li .m:hover{color:#eb1d33}
.top #nav li .hd li .m{display:block;float:left;line-height:23px;clear:both;padding:0 0 0 22px;background:url(../Images/top/a1.gif) no-repeat 0 8px;color:#666}
.top #nav li .s{width:9px;height:5px;background:url(../../images/zxwit/s.gif);margin:0 auto;overflow:hidden;}
.top #nav li .white{background:#f1f1f1;padding:0 25px 10px;}
.top .protit{background:none;padding-left:0;margin-bottom:5px}
.top .protit em{padding:0 0 0 8px;clear:both;}
.top #nav li.item:hover{background: #b12922;}


.top #nav li.coop .hd{width:224px;}
.top #nav li.coop .white{width:174px;}
.top #nav li.coop .hd{position:absolute;left:-60px;}
.top #nav li.coop .s{}

.dhal{width:520px;float:left;}
.dhal li{width: 250px;height: 28px;float: left !important;color:#c20000 !important;line-height:28px;clear:none !important;font-size: 13px;color: #000;text-align: left;}
.dhal li a{color: #000;padding-right: 10px;}
.dhal li a:hover{color: #c20000;}

/*banner*/
.banner{
	width:100%;
	min-width:1000px;
	_width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" );
	margin:0 auto;
	height:440px;
	overflow:hidden;
	position:relative;
	z-index:1;}
.banner ul li{
	width:100%;
	height:440px;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	display:none;
	background-position:center top;
	background-repeat:no-repeat;
	}
.banner ul li a{
	width:100%;
	height:440px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;}

.banner1{
	width:100%;
	min-width:1000px;
	_width:expression((documentElement.clientWidth < 1000) ? "1000px" : "auto" );
	margin:0 auto;
	height:244px;
	overflow:hidden;
	position:relative;
	z-index:1;}
.banner1 ul li{
	width:100%;
	height:244px;
	margin:0 auto;
	overflow:hidden;
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	display:none;
	background-position:center top;
	background-repeat:no-repeat;
	}
.banner1 ul li a{
	width:100%;
	height:244px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;}


.banner_other{
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:8;}
.banner_sel{
	width:980px;
	height:10px;
	position:absolute;
	z-index:9;
	left:0px;
	top:-50px;
	}
.banner_sel ul{
	height:10px;
	float:right;
	overflow:hidden;
	}
.banner_sel ul li{
	width:10px;
	height:10px;
	float:left;
	overflow:hidden;
	display:inline;
	margin-left:5px;
	cursor:pointer;
	background:#fff;
	text-indent:-999px;
	}
.banner_sel ul li.current{
	background:#c20000;
	}	

.swiper-slide img{margin:0 auto;display: block;}


.main_a{height: 240px;border-bottom: 1px dashed #777;}
.main_a_c{height: 190px;width: 1000px;margin: 0 auto;overflow: hidden;padding-top: 28px;}
.xw_img{width: 246px;height: 187px;float: left;overflow: hidden;margin-right: 10px;text-align: center;}
.xw_mid{width: 450px;height: 190px;float: left;overflow: hidden;line-height: 18px;font-weight: 800}
.xw_mid h2{font-size: 14px;line-height: 26px;}
.xw_mid a{color: #aa2226;}
.xw_mid a:hover{color: #000;}
.xw_con{font-weight: 500;font-size: 12px;line-height: 20px;}

.xcsp{width: 285px;height: 188px;float: right;overflow: hidden;}
.m_con{width: 285px;height: 188px;}

.main_b{height: 360px;border-bottom: 1px dashed #777;}
.case{width: 1000px;height: 360px;margin: 0 auto;overflow: hidden;}
.case_t{height: 38px;margin: 35px 0 25px 0;}
.case_t a{padding-left: 28px;}

.case_con{height: 88px;overflow: hidden;padding:0 8px 0;width: 1030px;}
.case_con li{width: 185px;float: left;margin:0 18px 0 0;line-height: 20px;height: 88px;}
.case_con li h2{line-height: 28px;color: #b22923;}
.case_con li a{color: #b22923}
.case_con li a:hover{color: #000}

/*five*/
.five{height:140px;width:1030px;padding:0 8px 0;background:#fff;}
.five li{width:185px;height:140px;float:left;margin:0 18px 0 0;overflow:hidden;position:relative;}
.five li img{width:100%;height:100%;display:block;}
.five li .shadow{width:100%;height:100%;background:url(../imagesshadow.png);margin-top:-148px;position:relative;display:none}
.five li .list{width:100%;height:100%;margin-top:-32px}
.five li .list .tit{height:32px;display:block;line-height:32px;}
.five li .list .tit span,.five li .list .tit a{color:#fff;font-size:14px;position:relative;text-align: center;width: 185px;display: block;font-weight: 800}
.five li .list .tit a:hover{text-decoration:underline;}
.five li .list .tit .bg{height:32px;background:#0f1632;margin-bottom:-32px;opacity:0.8;filter:alpha(opacity=80)}
.five li .list .link{height:110px;width:170px;background:#e2e2e2/*#9b212e*/;padding:0 0 0 16px;line-height:22px}
.five li .list .link a{color:#000/*#fff*/;display:block;float:left;clear:both;white-space:nowrap;padding:0 0 0 10px;background:url(../../images/zxwit/linka.gif) no-repeat left 9px}
.five li .list .link a:hover{text-decoration:underline;color:#b22923}
.five .m_title{margin-bottom: 10px;}



.main_c{height: 330px;width: 1000px;margin: 0 auto 8px;}
.xbxw{width: 300px;height: 330px;border-right: 1px solid #d1d1d1;padding-right: 24px;float: left;}
.hyxw{width: 300px;height: 330px;border-right: 1px solid #d1d1d1;padding:0 24px;float: left;}
.xbwh{padding-left: 24px;height: 330px;float: left;width: 300px;}
.xw_title{height: 32px;padding: 30px 0 20px;}
.xw_title span{float: left;padding-left: 5px;}
.xw_title a{float: right;margin-top: 4px;}
.xw_con li{height: 22px;line-height: 22px;}
.xw_con li a{color: #747171;}
.xw_con li a:hover{color: #c20000}

.footer{height: 175px;background: #575454;}
.foot{height: 175px;width: 1000px;margin: 0 auto;}
.foot_l{width: 678px;float: left;height: 175px;overflow: hidden;color: #b4b1b1}
.foot_l a{color: #b4b1b1;}
.foot_l a:hover{color: #901c24;}
.foot_nav{height: 150px;width: 750px;letter-spacing:2px;text-align: center;}
.foot_nav li{padding-top: 25px;line-height: 18px;float: left;margin-right: 62px;}
.foot_nav li h2{padding-bottom: 8px;}

.foot_r{width: 290px;float: right;height: 175px;background: url(../../images/zxwit/gtop.jpg) right bottom no-repeat;}
.foot_qq{padding: 25px 0 10px 48px;}
.foot_qq a{padding: 0 8px 0 0;}
.gtop a{margin-top: 17px;float: right;display: block;width: 38px;height: 27px;}

.foot_bq{width: 675px;}

.link{height: 40px;background: #911d21;}
.link_con{height: 40px;width: 1000px;margin: 0 auto;line-height: 40px;color: #fff}
.link_con a{color: #fff;padding:0 8px;}

/*内页*/
.now{width:950px;height: 25px;border: 1px solid #c1c1c1;background: #fff;line-height: 25px;padding-left: 25px;text-align: left;color: #727272;}
.con_left{width:200px;float: left;margin:8px 6px 0 0;}
.left_nav{width:160px;float: left; background: #fff;min-height: 300px;border: 1px solid #c1c1c1;padding:0 19px 5px;}
.left_fw{width:160px;float: left; background: #fff;min-height: 300px;border: 1px solid #c1c1c1;margin-top: 8px;padding:0 19px 5px;}
.title_p{text-align: left;height: 45px;line-height: 45px;border-bottom: 1px solid #e1e1e1;margin-bottom:10px;}
.title_p h1{width:100px;float: left;color:#000;font-size: 16px;}
.left_nav li{height: 28px;line-height: 28px;text-align: left;padding-left: 15px;background: url(../../images/zxwit/sy_bg.jpg) left no-repeat;border-bottom: 1px dashed #c1c1c1;}
.fw_nr{width:160px;height: 190px;text-align: left;line-height: 25px;}
.flash{width:770px;height: 120px;float: left;background: #fff;margin-bottom: 7px;margin-top: 8px;}
.con_right{min-height:493px;border: 1px solid #c1c1c1;float: left; background: #fff;padding-bottom: 10px;border-right: none;}
.right_text{padding:10px 20px;text-align: left;line-height: 22px;min-height: 340px;}
.gotop{height: 50px;border-top: 1px dashed #e1e1e1;text-align: left;padding-top: 20px;}


.lxfs{line-height: 24px;font-size: 14px;}

.bann{height: 244px;}
.xmlb{width: 1000px;min-height: 500px;position: relative;margin: 50px auto 0;}
.xm_list{width: 1000px;min-height: 500px;}
.xm_list ul{width: 1030px;}
.xm_nav{position:absolute;border:1px solid #dcdcdc;border-bottom:none;top:0px;right:-100px;z-index:1;padding-bottom: 30px;background: #ccc;}
.xm_nav a{display:block;width:99px;height:28px;line-height:28px;text-align:center;color:#000;overflow: hidden;background:#CCC;font-size:12px;border-bottom:1px solid #dcdcdc;
			-o-transition:all 0.2s;
			-webkit-transition:all 0.2s;
			-moz-transition:all 0.2s;
			-ms-transition:all 0.2s;
			cursor:pointer
}
.xm_nav a:hover{background-color:#999;opacity:1;filter:alpha(opacity=100);}
.xm_nav span{background: #b00c28;color:#fff;opacity:1;filter:alpha(opacity=100);display: block;width: 99px;
height: 28px;
line-height: 28px;text-align: center;}
.xm_nav a.current{background-color:#b00c28;color:#fff;opacity:1;filter:alpha(opacity=100);}
.xm_nav .topbtn{font-family:Arial, Helvetica, sans-serif;_display:none;}

.xm_nav .cur{font-weight: 800;background: #999;}

.xm_list li{width: 470px;height: 315px;float: left;margin: 0 30px 20px 0;border-bottom: 4px solid #fff;overflow: hidden;}
.xm_list li:hover{border-bottom: 4px solid #c20000}
.xm_list li .xm_img{width: 470px;height: 240px;float: left;text-align: center;}
.xm_list li .xm_img a{width: 470px;height: 240px;float: left;display: block;overflow: hidden;overflow: hidden;}
.xm_r{float: left;margin-left: 10px;width: 460px;}
.xm_t{height: 30px;line-height: 30px}
.xm_t h2{float: left;color: #c20000;font-size: 14px;}
.xm_t a{float: right;margin-top: 6px;}
.xm_r p{line-height: 20px;}


/*.show_img{float: left;width: 600px;float: left;overflow: hidden;}*/
.show_img{width: 1000px;text-align: center;}
.xmjs{width: 350px;float: right;padding-right: 20px;line-height: 20px;font-size: 14px;}
.xmjs h2{color: #c20000;line-height: 30px;}
.show_xm{line-height: 24px;padding: 0 10px;}




/*******项目*******/
#ProjectWrap{ height:613px; margin:0 auto; position:relative; overflow:hidden;}
.Projectbg{ position:absolute; top:0; left:0;}
#Header{height:90px;  width:100%; margin:0 auto; position:relative; z-index:10; background:url("../Images/header_bg.jpg") repeat-x;}
.Wrap{width:1004px; margin:0 auto; position:relative;}
/*******美图欣赏*******/
.WrapMito{ padding:40px;}
.mito_title{ height:50px; background:url("../../images/zxwit/mito_title.png") no-repeat;}
.RingCareBox{ position:relative;}
.RingCareBox .ScrollBox{width:892px; position:relative; height:251px; overflow:hidden; margin:0 auto;}
.RingCareBox .ScrollBox ul{ position:absolute; width:10000px; left:0;}
.RingCareBox .ScrollBox li{width:223px; height:251px; overflow:hidden; position:relative; float:left;}
.RingCareBox .ScrollBox li a{display:block; width:220px; height:227px;}
.RingCareBox .ScrollBox li a img{display:block; margin:0 auto; width:220px; height:227px;}
.RingCareBox .ScrollBox li span{width:182px; height:20px; display:block;}
.SelectScrollPN{ position:absolute; top:102px; width:100%; z-index:100;}
.SelectScrollPN span{ display:block; width:37px; height:72px; overflow:hidden; cursor:pointer; position:absolute;}
.SelectScrollPN span.prev{background:url(../../images/zxwit/Mito_prev.png) no-repeat 0 0; left:-30px;}
.SelectScrollPN span.next{background:url(../../images/zxwit/Mito_next.png) no-repeat 0 0; right:-30px;}
.RingCareBox .SelectScrollBtn{padding:17px 0 5px 0;}


.kw li{float: left;margin-right: 20px;text-align: center;line-height: 30px;}
.kw_img {
width: 300px;
height: 200px;
padding: 3px;
border: 1px solid #e2e2e2;
text-align: center;
display: table-cell;
vertical-align: middle;
}
.kw_img .img {
width: 300px;
height: 200px;
display: block;
}